<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/order.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="loading" v-show="!loading">
			<div class="load"></div>
			<div class="load2"></div>
		</div>
		
		<div class="header" onclick="history.go(-1)">
			<i class="icon Hui-iconfont">&#xe67d;</i>
			<span>订单</span>
		</div>
		<div class="main"  v-show="loading" v-bind:style="{visibility: 'visible'}">
			<div class="unlogin" v-if="uncurrent">
				<img src="img/error-load.png" />
				<h4>登陆后查看外卖订单</h4>
				<input type="button" value="登录" @click="login"/>
			</div>
			<div class="login">
				<div class="orderlist" v-for="item in shop" >
					<div class="ordercard-body" @click="reshop(item.attributes.products_data[0].shopid)">
						<div class="logo" >
							<img src="../shoplist/{{item.attributes.shopimg}}" />
						</div>
						<div class="ordercard-content">
							<div class="ordercard-head">
								<div class="title">
									<p class="name">
										<span class="content" v-html="item.attributes.shop_name">商店名</span>
										<i class="icon Hui-iconfont">&#xe6d7;</i>
									</p>
									<p class="status" v-if="item.attributes.if_pay">已支付</p>
									<p class="status" v-if="!item.attributes.if_pay">未支付</p>
								</div>
								<p class="datetime">2017-12-1 20:20</p>
							</div>
							<div class="ordercard-detail">
								<p class="detail" v-for="item1 in item.attributes.products_data"><span v-html="item1.productname"></span></p>
								<p class="price" >￥{{item.attributes.total*1+item.attributes.shop_sendprice*1}}</p>
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		<div class="foot">
			<div class="takeoutfoot" onclick="location.href='../TakeoutFood/takeoufoot.html'">
				<i class="icon Hui-iconfont">&#xe66a;</i>
				<p>
					外卖
				</p>
			</div>
			<div class="order">
				<i class="icon Hui-iconfont">&#xe681;</i>
				<p>
					订单
				</p>
			</div>
			<div class="mine" onclick="location.href='../mine/mine.html'">
				<i class="icon Hui-iconfont">&#xe60d;</i>
				<p>
					我的
				</p>
			</div>
		</div>
	</body>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/order.js" type="text/javascript" charset="utf-8"></script>
</html>